<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_3376808_77zadysn1w5.css">
</head>

<body>
    <header>
        <div class="text">动态列表</div>
        <button class="addition">添加动态+</button>
    </header>
    <main>
        <div class="course">
            <div class="txt">
                推荐课程
            </div>
            <div class="img">
                <div class="texts">
                        <div class="txtTop">巧克力腹肌雕刻</div>
                        <div>一场痛快淋漓的腹肌撕裂体验, 虐出你的巧克力腹肌 !</div>
                </div>
            </div>
        </div>

    </main>
    <footer>
        <div class="footerBox">
            <i class="iconfont icon-shouye"></i>
            <div>首页</div>
        </div>
        <div class="footerBox">
            <i class="iconfont icon-yundong"></i>
            <div>运动</div>
        </div>
        <div class="footerBox circle">
            <i class="iconfont icon-quanzi"></i>
            <div>圈子</div>
        </div>
        <div class="footerBox">
            <i class="iconfont icon-31wode"></i>
            <div>我的</div>
        </div>
    </footer>
</body>

</html>